<html>
<head><title>Glossy</title>

    <script src="../uupaa-color.mini.js"></script>
	<!--[if IE]><script type="text/javascript" src="../excanvas.js"></script><![endif]-->
    <script src="../uupaa-draw.js"></script>
    <script src="../uupaa-draw+glossy.js"></script>

</head>
<body>
<canvas id="canvas" width="800" height="600"></canvas>

<script>
function boot() {
  var x = 0, y = 0, i ,iz, j, jz;
  var d = uu.draw(document.getElementById("canvas"));
  var ary = ["GLOSSYRED", "GLOSSYPEACH", "GLOSSYGOLD", "GLOSSYLEMON", "GLOSSYSLIVER",
             "GLOSSYGRAY", "GLOSSYBLACK", "GLOSSYBLUE", "GLOSSYGREEN",
             "GLOSSYBLOODORANGE"];

  for (i = 0, iz = ary.length; i < iz; ++i) {
    d.angleGlossy(x + i * 70, y + i * 10, ary[i], { r: i * 6, angle: i * 8 - 45 });
    d.metaboGlossy(x + i * 70, y + i * 20 + 120, ary[i], { r: i * 2.8, tarun: i * 0.5 + 3 });
    d.jellyBean(x + i * 70, y + i * 30 + 200, ary[i]);
  }
}
window.onload = function() {
  boot();
};
</script>
</body>
</html>
